<template>
  <div>
    <Header></Header>
    <section>
      <div class="container ">
        <el-row :gutter="16">
          <el-col :span="4">
            <LeftNav></LeftNav>
          </el-col>
          <el-col :span="14">
            <post-input></post-input>
            <PostCard></PostCard>
          </el-col>
          <el-col :span="6">
            <AvatarCard></AvatarCard>
          </el-col>
        </el-row>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "../components/Header";
import Footer from "../components/Footer";
import PostCard from "../components/PostCard"
import PostInput from "../components/PostInput"
import AvatarCard from "../components/AvatarCard"
import LeftNav from "../components/LeftNav"

export default {
  name: "home",
  components: { Header, Footer ,PostCard,AvatarCard,LeftNav,PostInput}
};
</script>

<style scoped>


</style>

